@import "iconfont";
@import "message";
$theme-color: #20A0FF darken(#20A0FF, 6.5%) lighten(#20A0FF, 6.5%);
.c-table__body-hidden {
  overflow: hidden;
}

//包含撤销icon的列表
.c-table-back {
  position: relative;
  @at-root {
    .c-table-back--btn {
      font-size: 30px;
      position: absolute;
      top: -4px;
      right: 10px;
      color: #666;
      display: none;
      cursor: pointer;
      &:hover {
        color: #333;
      }
    }
    .selected .c-table-back--btn {
      display: inline-block;
    }
  }
}

.c-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  background-color: #fff; 
  font-size: 14px;
  color: #333; 

  table {
    width: 100%;
  }
  table.c-table--noWp100 {
    width: auto;
  }
  td,
  th {
    height: 40px;
    min-width: 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    font-size: 14px;
    background-clip: padding-box;
    background-color: #fff;
    background-color: transparent \9;
  }
  td.is-right,
  th.is-right {
    text-align: right
  }
  td.is-left,
  th.is-left {
    text-align: left
  }
  td.is-center,
  th.is-center {
    text-align: center
  }
  td,
  th.is-leaf {
    border-bottom: 1px solid #eceef1
  }
  td.gutter,
  th.gutter {
    width: 15px;
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 0;
    background: #eef0f6;
  }
  td.is-hidden>*,
  th.is-hidden>* {
    visibility: hidden
  }
  &::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px; // background-color: #eceef1;
    z-index: 1
  }
  &::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%; // background-color: #eceef1;
    z-index: 1
  }
  th {
    white-space: nowrap;
    overflow: hidden
  }
  th {
    // background-color: #eef0f6;
    border-bottom: 1px solid #ccc;
    text-align: left
  }
  th>div {
    display: inline-block;
    padding-left: 18px;
    padding-right: 18px;
    line-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }
  td>div {
    box-sizing: border-box
  }
  th.required>div::before {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4d51;
    margin-right: 5px;
    vertical-align: middle
  }
  th>.cell {
    position: relative;
    word-wrap: normal;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
  }
  th>.cell.highlight {
    color: #073069
  }
  .caret-wrapper {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px;
    width: 16px;
    height: 34px;
    overflow: visible;
    overflow: initial
  }
  td.gutter {
    width: 0
  }
  .cell {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 24px;
    padding-left: 12px;
    padding-right: 12px;
    display: inline-block;
  }
  .cell.prSort {
    padding-right: 28px;
  }
  .cell.tr {
    padding-right: 30px;
  }
  &.c-table__cell--block {
    .cell {
      display: block;
    }
  }
  .hidden-columns {
    visibility: hidden;
    position: absolute;
    z-index: -1
  }
  tr:hover>td {
    background-color: #eef0f6
  }
  tbody td a {
    color: #999;
    &:hover {
      color: #666;
    }
  }
  tbody td:last-child a {
    color: nth($theme-color, 2);
    margin-right: 10px;
    &:hover {
      color: nth($theme-color, 1);
    }
  }
  a,
  tbody td:last-child a {
    &.btn-primary,
    &.btn-success,
    &.btn-danger {
      color: #fff;
      &:hover {
        color: darken(#fff, 5%);
      }
    }
    &.btn-default {
      color: #666;
      &:hover {
        color: darken(#666, 5%);
      }
    }
    &.c-theme {
      color: nth($theme-color, 1);
      &:hover {
        color: nth($theme-color, 1);
      }
    }
    &.c999 {
      color: #999;
      &:hover {
        color: darken(#999, 5%);
      }
    }
  }
  @at-root {
    .c-table--noWrap,
    .c-table--noWrap-init {
      .cell {
        white-space: nowrap;
      }
    }
    .c-table__footer-wrapper {
      overflow: hidden;
      background-color: #fbfdff;
      border-top: 1px solid #dfe6ec;
      thead div {
        background-color: #eef1f6;
        color: #1f2d3d
      }
      tbody td {
        background-color: #fbfdff;
        color: #1f2d3d
      }
    }
    .c-table__empty-block {
      position: relative;
      min-height: 60px;
      text-align: center;
      width: 100%;
      height: 100%
    }
    .c-table__empty-text {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      color: #5e6d82
    }
    .c-table--fit {
      border-right: 0;
      border-bottom: 0;
      td.gutter,
      th.gutter {
        border-right-width: 1px
      }
    }
    .c-table--outerBorder {
      border: 1px solid #eceef1;
    }
    .c-table--border {
      border: 1px solid #eceef1;
      td,
      th {
        border-right: 1px solid #eceef1
      }
      th {
        border-bottom: 1px solid #eceef1
      }
      .c-table__footer-wrapper {
        td:nth-last-child(2),
        .gutter {
          border-right: none;
        }
      }
    }
    .c-table__fixed,
    .c-table__fixed-right {
      position: absolute;
      top: 0;
      left: 0;
      overflow-x: hidden;
      bottom: 0;
      overflow: hidden;
      &::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #eceef1;
        z-index: 4
      }
    }
    .c-table__fixed-right-patch {
      position: absolute;
      top: -1px;
      right: 0;
      background-color: #fff;
      border-bottom: 1px solid #eceef1
    }
    .c-table__fixed-right {
      top: 0;
      left: auto;
      right: 0 !important;
    }
    .c-table.no-right .c-table__fixed-right {
      right: 0 !important;
    }
    .c-table__fixed.c-table__fixed--shadow {
      box-shadow: 1px 0 8px #d3d4d6;
    }
    .c-table__fixed-right.c-table__fixed--shadow {
      box-shadow: -1px 0 8px #d3d4d6
    }
    .c-table__fixed-right .c-table__fixed-body-wrapper,
    .c-table__fixed-right .c-table__fixed-header-wrapper {
      left: auto;
      right: 0;
    }
    .c-table__fixed-header-wrapper {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 3;
    }
    .c-table__fixed-header-wrapper thead div {
      // background-color: #eef0f6;
      color: #1f283d;
    }
    .c-table__fixed-body-wrapper {
      position: absolute;
      left: 0;
      top: 41px;
      overflow: hidden;
      z-index: 3;
    }
    .c-table__body-wrapper,
    .c-table__header-wrapper {
      width: 100%; // width:600px;
    }
    .c-table__body,
    .c-table__header {
      table-layout: fixed;
    }
    .c-table__header-wrapper {
      overflow: hidden;
    }
    .c-table__header-wrapper thead div {
      // background-color: #eef0f6;
      color: #1f283d;
    }
    .c-table__body-wrapper {
      overflow: auto; // display: inline-block;
      // overflow-x: scroll \9;
      position: relative;
    }
    .c-table--striped .c-table__body tr:nth-child(2n) {
      td {
        background: #fafafa;
      }
      &.current-row td,
      &:hover td {
        background: #ebeef3;
      }
    } // .c-table--striped .c-table__body tr:nth-child(2n) td {
    //     background: #fafafa
    // }
    // .c-table--striped .c-table__body tr:nth-child(2n).current-row td {
    //     background: #ebeef3
    // }
    .c-table__body tr.hover-row>td,
    .c-table--striped .c-table__body tr.hover-row td {
      background-color: #eef0f6;
    }
    .c-table__body tr.current-row>td {
      background: #ebeef3;
    }
    .c-table__column-resize-proxy {
      position: absolute;
      left: 200px;
      top: 0;
      bottom: 0;
      width: 0;
      border-left: 1px solid #eceef1;
      z-index: 10
    }
    .c-table__column-filter-trigger {
      display: inline-block;
      line-height: 34px;
      margin-left: 5px;
      cursor: pointer
    }
    .c-table__column-filter-trigger i {
      color: #97a1be
    }
    .el-table--enable-row-transition .c-table__body td {
      -webkit-transition: background-color .25s ease;
      transition: background-color .25s ease;
    } // .c-table--enable-row-hover tr:hover>td {
    //     background-color: #eef0f6
    // }
    .c-table .c-table__child-border {
      td {
        border-bottom: none;
      }
    }
    .c-table__child {
      td {
        background-color: #fbfdff;
      }
    }
    .c-table--level {
      .c-table__child .cell {
        padding-left: 30px;
      }
    }
    .c-table__sort {
      margin-left: 4px;
      display: inline-flex;
      display: inline \9;
      flex-direction: column;
      align-items: center;
      height: 34px;
      width: 14px;
      vertical-align: middle;
      cursor: pointer;
      overflow: initial;
      position: relative;
      .c-table__up,
      .c-table__down {
        cursor: pointer;
        position: absolute;
        width: 0;
        height: 0;
        border: 5px solid transparent;
      }
      .c-table__up {
        bottom: 7px;
        border-top-color: #999;
        &:hover {
          border-top-color: nth($theme-color, 1);
        }
      }
      .c-table__down {
        top: 5px;
        border-bottom-color: #999;
        &:hover {
          border-bottom-color: nth($theme-color, 1);
        }
      }
      &.activeUp {
        .c-table__up {
          border-top-color: nth($theme-color, 1);
        }
      }
      &.activeDown {
        .c-table__down {
          border-bottom-color: nth($theme-color, 1);
        }
      }
    }
    .g-toggleTable--button_main,
    .g-toggleTable--buttonAll_main,
    .g-toggleTable--button,
    .g-toggleTable--buttonAll {
      cursor: pointer;
    }
    .c-table__child-default {
      color: #707070;
      th,
      td {
        font-size: 13px;
      }
    }
  }
}

// .c-table--icon_plus {
//     background: url('') no-repeat center center;
// }
// .c-table--icon_minus {
//     background: url('') no-repeat center center;
// }
// .c-table--icon_plus,
// .c-table--icon_minus {
//     display: inline-block;
//     width: 20px;
//     height: 20px;
//     background-size: contain;
// }
//无关的
.c-button {
  width: 100px;
  display: inline-block;
}